@args(){
    String msg
    String url
    Integer t
}
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <meta http-equiv="Cache-Control" content="no-siteapp" />       
        <title>温馨提示</title>
        <style type="text/css">
            /* reset */
            html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
            header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
            table{border-collapse:collapse;border-spacing:0;}
            caption,th{text-align:left;font-weight:normal;}
            html,body,fieldset,img,iframe,abbr{border:0;}
            i,cite,em,var,address,dfn{font-style:normal;}
            [hidefocus],summary{outline:0;}
            li{list-style:none;}
            h1,h2,h3,h4,h5,h6,small{font-size:100%;}
            sup,sub{font-size:83%;}
            pre,code,kbd,samp{font-family:inherit;}
            q:before,q:after{content:none;}
            textarea{overflow:auto;resize:none;}
            label,summary{cursor:default;}
            a,button{cursor:pointer;}
            h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
            del,ins,u,s,a,a:hover{text-decoration:none;}
            body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
            body{background:#fff;}
            a,a:hover{color:#333;}
            
            .message{width:500px;margin:auto;border:1px solid #fcc;margin-top:120px;border: 1px solid #ddd;-moz-box-shadow: #ddd 1px 2px 3px;-webkit-box-shadow: #ddd 1px 2px 3px;box-shadow: #ddd 1px 2px 3px;}
            .message-t{height:30px;line-height:30px;padding-left:10px;background:#F26D6D;color:#fff;}
            .message-c{padding:10px;}
            .message-c .c{line-height:30px;text-align:center;font-size:18px;font-weight:bold;color:#F26D6D;}
            .message-c .wait-box{height:30px;line-height:30px;text-align:center;}
            .message-c .href-box{height:30px;line-height:30px;text-align:center;}
            .message-c .href-box a{color:#F26D6D;}
        </style>
    </head>
    <body>
        <div class="message">
            <div class="message-t">温馨提醒您！</div>
            <div class="message-c">
                <div class="c">@msg</div>
                <div class="wait-box">请稍等，倒计时 ‘<span id="wait"></span>’ 后跳转 </div>
                <div class="href-box"><a id="href" href="@url">点击立即跳转</a></div>         
            </div>
        </div>
        <script type="text/javascript">
            (function(){
                var wait = document.getElementById("wait"),href = document.getElementById("href").href;
                var interval = setTimeout(function(){
                    var time = --wait.innerHTML;
                    if(time <= 0) {
                        location.href = href;
                        clearInterval(interval);
                    };
                },@t);
            })()
        </script>        
    </body>
</html>